

<template>
  <div :class="buttomColor==1?'homePageBottomBgc':'homePageBottom'">
    <div class="container">
      <div class="homePageBottompLatform">
        <div
          class="pingtai"
          v-for="(item, index) in pingtai"
          :key="index"
          @click="lookPlatformInfo(item.id)"
        >
          {{ item.title }}
        </div>
      </div>
      <div class="homePageBottomService">
        <div class="pingtai" v-for="(item, index) in fuwuTime" :key="index">
          {{ item.titleTime }}
        </div>
      </div>
      <div class="homePageBottomIcp">
        <a style="color: #fff;cursor: pointer;" href="https://beian.miit.gov.cn/" target="_blank">易可易 浙ICP备19049974号-2 © 2020 杭州易可易科技有限公司版权所有</a>
      </div>
    </div>
  </div>
</template>
<script setup>
import { onMounted, ref, watch } from "vue";
import { useRouter } from "vue-router";
const props = defineProps({
  msg: String,
  buttomColor: Number,
});
onMounted(() => {
  buttomColor.value = props.buttomColor;
});
const buttomColor = ref(0);
const router = useRouter();
const pingtai = ref([
  { title: "平台规则", id: "1" },
  {
    title: "平台动态",
    id: "2",
  },
  {
    title: "关于我们",
    id: "3",
  },
  {
    title: "新手上路",
    id: "4",
  },
  {
    title: "意见反馈",
    id: "5",
  },
]);
const fuwuTime = ref([
  { titleTime: "服务时间：工作日9：00~18：00" },
  { titleTime: "服务电话：4000582021" },
  { titleTime: "客服邮箱：feedback@ekee.com.cn" },
]);

watch(
  () => router,
  (newValue, oldValue) => {
    console.log("路径", newValue.currentRoute.value.fullPath);
  },
  { immediate: true }
);

const count = ref(0);
//跳转不同页面
const lookPlatformInfo = (id) => {
  switch (id) {
    case "1":
      router.push("/plat-form-rules");
      console.log("1");
      break;
    case "2":
      router.push("/plat-form-dynamics");

      console.log("2");
      break;
    case "3":
      router.push("/about-us");

      console.log("3");
      break;
    case "4":
      router.push("/hit-theroad");

      console.log("4");
      break;
    case "5":
      router.push("/feed-back");

      console.log("5");
      break;
    default:
      console.log("default");
  }
};
// const newpage = router.resolve({ //使用resolve    
//       path: 'https://beian.miit.gov.cn/',
//    })

// //跳转icp备案号
// const icpLink=()=>{
//   window.open(newpage.href, "_blank");
// }
</script>

<style scoped lang="less">
.read-the-docs {
  color: #000;
}
.homePageBottomBgc{
  width: 100%;
  height: 137px;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}
.homePageBottom {
  width: 100%;
  height: 137px;
  background-color: #2487e8;
  // background: rgba(0, 0, 0, 0.7);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;

  .container {
    display: flex;
    flex-direction: column;
    width: 1200px;
    margin: 0 auto;
    .homePageBottompLatform {
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      .pingtai {
        // align-content: center;
        // align-items: center;
        // width: 136px;
        // height: 16px;
        // padding: 0 20px 0 20px;
        // font-size: 14px;
        // font-family: PingFang SC-Medium, PingFang SC;
        // font-weight: 500;
        // color: #f5f5f5;
        // line-height: 16px;
        // border-right: 2px solid #f5f5f5;
        // cursor: pointer;
        box-sizing: border-box;
        align-content: center;
        align-items: center;
        // padding-right: 10px;
        padding: 0px 45px 0px 45px;
        height: 16px;
        font-size: 14px;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #f5f5f5;
        line-height: 16px;
        border-right: 2px solid #f5f5f5;
        cursor: pointer;
      }
      .pingtai:last-child {
        border-right: none;
      }
    }
    .homePageBottomService {
      margin-top: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      .pingtai {
        align-content: center;
        align-items: center;
        // width: 136px;
        padding: 0 48px 0 48px;
        height: 16px;
        font-size: 14px;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #f5f5f5;
        line-height: 16px;
        border-right: 2px solid #f5f5f5;
      }

      .pingtai:last-child {
        border-right: none;
      }
    }
    .homePageBottomIcp {
      display: flex;
      border-top: 1px solid #f5f5f5;
      height: 53px;
      margin-top: 16px;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #f5f5f5;
      .icp{
        cursor: pointer;
        display: inline-block;
      }
    }
  }
}
</style>
